

.title-box{position:relative; text-align:center; padding:45px 0 45px 0;}
.title-box:before{height:5px; border-top:1px solid #d7d9db; border-bottom:1px solid #d7d9db; margin:0px auto; max-width:350px; width:100%; position:absolute; left:0px; right:0px; top:69px; z-index:0; content:'';}
.title-box a{width:220px; height:54px; line-height:54px; display:block; margin:0 auto;-webkit-transform:translateX(0); -o-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0);transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;text-align:center; position:relative; background:#36404b; z-index:1;}
.title-box a h2{color:#fff; font-size:18px; margin:0; display:inline; padding:0; font-weight:normal;}
.title-box a:before{width:10px; height:54px; line-height:54px; display:block; content:''; position:absolute; top:0; left:-24px;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;border-width:0 0 54px 24px; border-color:transparent transparent #36404b transparent; border-style:solid;}
.title-box a:after{width:10px; height:54px; line-height:54px; display:block; content:''; position:absolute; top:0; right:-24px;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s;border-width:54px 24px 0 0; border-color:#36404b transparent transparent transparent; border-style:solid;}

.title-box p{display:block; color:#777; margin:30px 15px 0 15px; font-size:15px;}
.title-box a:hover{background:#0060B0;}
.title-box a:hover:before{border-color:transparent transparent #0060B0 transparent;}
.title-box a:hover:after{border-color:#0060B0 transparent transparent transparent;}
.title-box b{position:absolute; width:70px; height:54px; top:0; margin:100px 109px 0 0; right:50%; cursor:pointer; opacity:0;transition:.3s 1s; -ms-transition:.3s 1s; -moz-transition:.3s 1s; -webkit-transition:.3s 1s; z-index:99;}
.title-box i{position:absolute; width:70px; height:54px; top:0; margin:100px 0 0 109px; left:50%; cursor:pointer; opacity:0;transition:.3s 1s; -ms-transition:.3s 1s; -moz-transition:.3s 1s; -webkit-transition:.3s 1s; z-index:99;}
.title-box b:after{display:block; content:''; border-width:54px 24px 0 0 ; position:absolute; left:0; top:0;border-color:#0060B0 transparent transparent transparent; border-style:solid; width:70px; line-height:54px; z-index:8;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; left:auto; right:0;} 
.title-box b:hover:after{border-color:#36404b transparent transparent transparent;}
.title-box i:after{display:block; content:''; border-width:0 0 54px 24px; position:absolute; right:0; top:0;border-color:transparent transparent #0060B0 transparent; border-style:solid; width:70px; line-height:54px; z-index:8;transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; -o-transition:.3s; right:auto; left:0;} 
.title-box i:hover:after{border-color:transparent transparent #36404b transparent;}
.title-box b:before{color:#fff; z-index:9; position:absolute; width:54px; height:54px; line-height:54px; font-size:24px;
top:0; left:0;}
.title-box i:before{color:#fff; z-index:9; position:absolute; width:54px; height:54px; line-height:54px; font-size:24px;
top:0; right:0;}

/*首页banner*/
.banner{width:100%;position:relative;height:499px; min-width:1200px;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;}
.banner ul.bb li{position:absolute;display:none;}
.banner .num{position:absolute;right:50%;bottom:10px;z-index:100;}
.banner .num li{float:left;width:18px;height:18px;display:inline-block;margin-right:4px;background:#fff;line-height:18px;
	text-indent:-100px;overflow:hidden;border-radius:10px;}
.banner .num li.num_hover{background-color:#f7de07;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:18px;height:18px;line-height:18px;}

.cpcenter .cppiclist{ overflow: hidden;}
.cpcenter .cppiclist li{float: left;width: 303px;overflow: hidden;text-align: center; margin-right: 26px; background: #EBE9EA;  margin-bottom: 14px;}
.cpcenter .cppiclist li img{display: block;width: 100%; height: 210px;}
.cpcenter .cppiclist li h3{ padding: 20px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 1.1rem; color: #fff;background: #385CBA;}
.cpcenter .cppiclist li p{ padding: 20px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 16px; color: #fff;background: #385CBA;}
.cpcenter .cppiclist li .more{ display: block; padding: 13px 5px; color: #333;}
.layui-tab-title,.layui-tab-title .layui-this:after{ border: 0;}
.cpcenter .layui-tab-title{ height: auto; margin-bottom: 10px;}
.cpcenter .layui-tab-title li{ width: 152px; background: #E9E9E9; padding: 0; margin-right: 10px;}
.cpcenter .layui-tab-title li a{ padding: 6px 0; font-size: 16px;}
.cpcenter .layui-tab-title li.layui-this a{ background: #CE1616; color: #fff;}
.cpcenter .layui-tab-content{ padding: 10px 0;}
.cpcenter .layui-tab-item{ width: 1320px;}

.zj_ad01 {
	overflow: hidden;
	width: 100%;
	height: 187px;
	background: url("../../images/img/ad01.jpg") no-repeat center top;
}
.zj_ad01 .phone {
	overflow: hidden;
	padding-left: 55px;
	background: url("../../images/img/ad01_p.png") no-repeat left center;
	float: right;
	margin-top: 60px;
}
.zj_ad01 p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 5px;
}
.zj_ad01 b {
	display: block;
	font-size: 24px;
	color: #fff;
}

.about_bg{background: url("../../images/img/about_bg.jpg"); padding: 0px 0px 50px 0px;position: relative;min-width:1300px;}
.about_p{margin:30px 0px 0px 0px; text-align: center; color: #888; font-size:16px;padding:0px;letter-spacing:4px;}
#sygywgys h1{text-align: center; font-size:26px; color:#363534;margin:3px 0px 5px 0px;}
.about_h2{text-align: center; font-size:23px; color:#363534;margin:3px 0px 5px 0px;}
.about_img{width: 100%;max-width: 458px; display: block; float: right;}
.about_contents{color:#2F2F2F; text-align: left; line-height:35px; padding:23px 0px 0 50px;}
.about_contents .sygocpsd{color: red;}
.about_contents p{ text-indent: 24px;}
a.about_more{ display: block; margin: 0 auto; width: 150px; text-align: center; color:#575656; padding: 7px 0px; background:transparent; border:1px solid #575656; margin-top:16px;}
a.about_more:hover{color: #fff; background: #575656; text-decoration: none;}

.zj_zx {
    overflow: hidden;
    display: block;
    width: 315px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff !important;
    background-color: #385CBA;
    border-radius: 5px;
    box-shadow: 10px 10px 10px #ccc;
    margin: 40px auto;
}
.about_bg:before {
    content: "";
    position: absolute;
    top: -16px;
    width: 100%;
    height: 16px;
    background: url("../../images/img/al_bg_top.jpg") repeat-x;
}
.about_bg:after {
    content: "";
    position: absolute;
    bottom: -16px;
    width: 100%;
    height: 16px;
    background: url("../../images/img/al_bg_bot.jpg") repeat-x;
}

.anli {
	padding-bottom: 30px;
}
.anli .title-box{ padding-bottom: 30px !important;}
.anli #wtygsxp{padding-top: 0px !important;}

#khalpic{ overflow:hidden; position:relative;}
#khalpic .hd{ position: absolute;}
#khalpic .hd .prev,#khalpic .hd .next{ display:block;  width:27px; height:59px; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../../images/img/arrow.png") 0 0 no-repeat; position: absolute;}
#khalpic .hd .next{ background: url("../../images/img/scroll_btn1.gif") no-repeat -27px  -59px; right: 0; top: 40px;}
#khalpic .hd .prev{ background: url("../../images/img/scroll_btn1.gif") no-repeat -27px  0; left: 0; top: 40px;}

#khalpic .hd .prev:hover{
	background: url("../../images/img/scroll_btn1.gif") no-repeat 0 0
}
#khalpic .hd .next:hover {
	background: url("../../images/img/scroll_btn1.gif") no-repeat 0 -59px
}
#khalpic .bd{width: 93%; margin: 0 auto; overflow: hidden;}
#khalpic .bd ul{ overflow:hidden; zoom:1; width: 100%;}
#khalpic .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; height: 200px;}
#khalpic .bd ul li .pic{ text-align:center; }
#khalpic .bd ul li .pic img{ width:210px; height:160px; display:block;  padding:2px; border:1px solid #ccc; }
#khalpic .bd ul li .pic a:hover img{ border-color:#999;  }
#khalpic .bd ul li .title{ line-height:24px; font-size: 1rem;}

#wtjdanys li p{margin-top: 10px;}

.ys{margin-top: 60px;font-family: "Microsoft YaHei"}
.ys h4{text-align: center;color: #b8b8b8;font-size: 12px;font-weight: normal;text-transform: uppercase;font-family: "Microsoft YaHei"}
.ys .wtsyys{text-align: center;color: #b8b8b8;font-size: 15px;font-weight: normal;text-transform: uppercase;font-family: "Microsoft YaHei"}
.ys .wtsyys h3{font-family: "Microsoft YaHei";font-weight: bold;color: #2e2e2e;font-size: 30px;font-weight: bold;background: url("../../images/img/ys1_03.jpg") no-repeat center 23px;display: block;margin-bottom: 5px}
.ys .wtsyys h3 span{color: #385cba}
.ys h4 p{font-family: "Microsoft YaHei";font-weight: bold;color: #2e2e2e;font-size: 30px;font-weight: bold;background: url("../../images/img/ys1_03.jpg") no-repeat center 23px;display: block;margin-bottom: 5px}
.ys h4 p span{color: #385cba}
.ys dl dt{background: url("../../images/img/ys_03.jpg") no-repeat 0 0;height: 230px}
.ys dl dt span{height:80px;overflow: hidden;display: block;}
.ys dl dt span i{font-style: normal;text-align: center;float: left;display: block;width: 69px;padding-top:35px;color: #352e2e;font-family: "arial";font-size: 24px;margin-right: 25px;}
.ys dl dt span em{font-style: normal;float:left;font-size: 10px;color: #c2c2c2;font-family: "Microsoft YaHei";text-transform: uppercase; width:407px; overflow:hidden;}
.ys dl dt span b{display: block;color: #385cba;font-size: 22px;padding:15px 0 5px 0; font-family:"Microsoft YaHei";}
.ys dl dt p{background: url("../../images/img/ys_03.gif") no-repeat 97px 12px;padding-left: 114px;line-height: 35px;display: block;color: #2e2e2e;font-size: 14px;}
.ys1{position: relative;height: 460px;overflow: hidden;margin-top: 75px}
.ys1 dd{position: absolute;right: 0;top: 0}
.ys2{position: relative;height: 502px;overflow: hidden;}
.ys2 dt{width: 730px;float: right;}
.ys2 dd{position: absolute;left: 0;top: 10px}

.layui-news-hd {
	height: 50px;
	line-height: 50px;
    border-bottom: 1px solid #ccc;
}
.layui-news-hd a {
    display: block;
    color: #333;
}
.layui-news-hd a span{ color: #666;}
.layui-news-hd h2 {
    font-size: 1.1rem;
    float: left;
    margin: 0;
    font-weight: 700;
    padding-left: 15px;
}
.layui-news-hd h2:before{ content: ""; width: 3px; height: 22px; background: #333; position: absolute; top: 14px; left: 0;}


.new{height: 350px;font-family: "Microsoft YaHei";overflow: hidden; margin-top: 45px;min-width:1300px;}
.new .layui-tab{ margin: 0;}
.new .layui-laydate{ float: right;}
.new .layui-tab-content{ padding: 10px 0;}
.new-l{width: 750px;}
.new .layui-tab-title{margin-bottom: 20px;height: 36px;}
.new em a{color: #5a5a5a;font-size: 15px;font-weight: normal;font-style: normal;display: block;padding-top: 10px}
.new-l .layui-tab-title li{ padding: 0; margin: 0;}
.new-l .layui-tab-title a{display: inline-block;width: 150px;height: 36px;text-align: center;color: #2e2e2e;font-size: 16px;font-weight:bold;line-height: 36px;float: left;}
.new-l .layui-tab-title li.layui-this a:hover,.new-l .layui-tab-title li.layui-this a{background: #385cba;color: #fff;}
.new .new-l span.new-jx{ display: inline-block; height: 20px; line-height: 20px; padding: 0 5px; font-size: 10px; color: #fff; margin-left: 15px;}
.new .new-l span.new-tt{ background: #cc0909;}
.new .new-l span.new-bd{ background: #385CBA;}


.new-l ul li{color: #5a5a5a;font-size: 14px;margin-bottom:16px}
.new-l ul li a{display: inline-block;color: #2e2e2e;font-size: 14px;}
.new-l ul li a:hover,.new-l ul li a.cur{color: #385cba;font-weight: bold;}
.new-r{width: 500px;}
.new .new-r h3{margin-bottom: 20px;height: 36px;}
.new-r h3 span a{display: inline-block;width: 124px;height: 36px;text-align: center;color: #fff;font-size: 16px;font-weight:bold;background: #385cba;line-height: 36px}
.new-r ul .dt{background: url("../../images/img/wen.jpg") no-repeat 0 0;padding-left: 35px;height: 19px;line-height: 19px;margin-bottom: 10px; overflow:hidden;}
.new-r ul .dt a{color: #2e2e2e;font-size: 14px;}
.new-r ul .dd{background: url("../../images/img/da.jpg") no-repeat 0 3px;padding-left: 35px;color: #2e2e2e;font-size: 14px;line-height: 24px;}
.new-r ul li {height: 95px;border-bottom: 1px solid #d2d2d2;overflow: hidden;margin-bottom: 18px;}
.new-r .none{border-bottom: 0}

.new-l li.one dl dt{ float: left;}
.new-l li.one dl dt img{width: 262px;height: 161px;float: left;}
.new-l li.one dl dd{width: 455px;float: right;color: #5a5a5a;font-size: 14px;line-height: 24px}
.new-l li.one dl dd h4 a{display: block;color:#2e2e2e;font-size: 16px;padding: 10px 0 5px 0}
.new-l li.one dl dd p a{display: block;width: 92px;height: 34px;background: #fcd201;text-align: center;margin-top: 15px;font-size: 14px;color: #352e2e;line-height: 34px}
.new-l li.one dl dd p a:hover{ font-weight:bold;}
.new-l li.one dl {height: 161px;overflow: hidden;margin-bottom: 30px;}

.link{font-family: "Microsoft YaHei"; margin: 40px 0 25px 0;}
.link p{width:1300px; margin: 0 auto;height: 30px; position: relative;}
.link p:before{content:''; width: 100%; border-bottom:1px solid #ccc; position: absolute; top: 11px;}
.link p b{ display: block; background:#fff; color: #2e2e2e;font-size: 16px; width: 72px; z-index: 999999;    position: relative;}
.link span{ display: block;}
.link span a{display: block;color: #5a5a5a;font-size: 14px; margin:0 25px 10px 0; float:left;}
.link span .none{padding-right: 0}

